// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue';
// import BaiduMap from 'vue-baidu-map';
import App from './App';
import router from './router';
import store from './store';
import ElementUI from 'element-ui';
import 'assets/theme/index.css';
import NProgress from 'nprogress'; // Progress 进度条
import 'nprogress/nprogress.css'; // Progress 进度条 样式
import 'normalize.css/normalize.css'; // normalize.css 样式格式化
import 'styles/index.scss'; // 全局自定义的css样式
import 'components/Icon-svg/index'; // 封装的svg组件
import 'assets/iconfont/iconfont'; // iconfont 具体图标见https://github.com/PanJiaChen/vue-element-admin/wiki
import * as filters from './filters'; // 全局vue filter
import Multiselect from 'vue-multiselect'; // 使用的一个多选框组件，element-ui的select不能满足所有需求
import 'vue-multiselect/dist/vue-multiselect.min.css'; // 多选框组件css
import Sticky from 'components/Sticky'; // 粘性header组件
import vueWaves from './directive/waves'; // 水波纹指令
import collapse from './directive/collapse'; // 展开、收起指令
import autoResize from './directive/autoResize'; // 对话框内select下拉自适应大小
import errLog from 'store/errLog'; // error log组件
import Clipboard from 'v-clipboard'; // 复制黏贴
import Dialog from './components/Dialog';// 纠错用
// import './mock/index.js';  // 该项目所有请求使用mockjs模拟

// register globally
Vue.component('multiselect', Multiselect);
Vue.component('Sticky', Sticky);
Vue.component(Dialog.name, Dialog);// 纠错用全局注册
Vue.use(ElementUI);
Vue.use(vueWaves);
Vue.use(collapse);
Vue.use(autoResize);
Vue.use(Clipboard);
// register global utility filters.
Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
});

/**
 * 是否有权限访问路由
 * 
 * @param {array} roles 角色
 * @param {array} permissionRoles 路由
 * @returns {boolean} 是否有权限
 */
// function hasPermission(roles, permissionRoles) {
//     if (roles.indexOf('admin') >= 0) return true; // admin权限 直接通过
//     if (!permissionRoles) return true;
//     return roles.some(role => permissionRoles.indexOf(role) >= 0)
// }

// register global progress.
const whiteList = ['/login', '/authredirect', '/reset', '/sendpwd', '/error']; // 不重定向白名单
router.beforeEach((to, from, next) => {
    NProgress.start(); // 开启Progress
    if (store.getters.token) { // 判断是否有token
        if (to.path === '/login') {
            next({ path: '/' });
        } else {
            // debugger
            if (!store.getters.menuGenerated) { // 判断当前用户是否已拉取完user_info信息
                // location.search.substr(1)
                store.dispatch('GetInfo').then(res => { // 拉取user_info
                    // const roles = res.data.content.role;
                    // const roles = res.data.content.role;
                    // // const roles = res.data.content.role;
                    // store.dispatch('GenerateRoutes', { roles }).then(() => { // 生成可访问的路由表
                    //     router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
                    //     next(to.path); // hack方法 确保addRoutes已完成
                    // });
                    const data = {
                        subsys: [],
                        menus: []
                    };
                    res.data.content.forEach(item => {
                        data.subsys.push({
                            path: item.path,
                            name: item.name
                        })
                        if (item.children) {
                            data.menus = data.menus.concat(item.children)
                        }
                    })
                    store.dispatch('GenerateRoutes', data).then(() => { // 生成可访问的路由表
                        router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
                        next(to.path); // hack方法 确保addRoutes已完成
                    })
                }).catch(err => {
                    // // 删除roleId
                    var docCookies = {
                        removeItem(sKey, sPath, sDomain) {
                            if (!sKey || !this.hasItem(sKey)) return false;
                            document.cookie = encodeURIComponent(sKey) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '');
                            return true;
                        },
                        hasItem(sKey) {
                            return (new RegExp('(?:^|;\\s*)' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=')).test(document.cookie);
                        }
                    }
                    docCookies.removeItem('roleId');
                    store.dispatch('FedLogOut').then(res => {
                        next('/login');
                    });
                    console.log(err);
                });
            } else {
                next();

            }
        }
    } else {
        if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
            next()
        } else {
            next('/login'); // 否则全部重定向到登录页
            NProgress.done(); // 在hash模式下 改变手动改变hash 重定向回来 不会触发afterEach 暂时hack方案 ps：history模式下无问题，可删除该行！
        }
    }
});


router.afterEach((to, from) => {
    NProgress.done(); // 结束Progress
});

// window.onunhandledrejection = e => {
//     console.log('unhandled', e.reason, e.promise);
//     e.preventDefault()
// };

// 生产环境错误日志
if (process.env === 'production') {
    Vue.config.errorHandler = function(err, vm) {
        console.log(err, window.location.href);
        errLog.pushLog({
            err,
            url: window.location.href,
            vm
        })
    };
}

// window.onerror = function (msg, url, lineNo, columnNo, error) {
//     console.log('window')
// };
//
// console.error = (function (origin) {
//     return function (errorlog) {
//         // handler();//基于业务的日志记录及数据报错
//         console.log('console'+errorlog)
//         origin.call(console, errorlog);
//     }
// })(console.error);

// 添加了develoop 模式

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app');
